<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../style/component.css">
    <link type="text/css" rel="stylesheet" href="../main.css">

    <title>hello</title>

    <script type="importmap">
    {
      "imports": {
        "three": "../../build/three.module.js",
        "three/addons/": "../jsm/",
        "libora": "../../build/three-plugin-free.js"
      }
    }
  </script>

    <style>
      .debugger-canvas {
        width: 20%;
        height: 20%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
        outline: 1px solid #ff0000;
      }

    </style>
  </head>

  <body>
    <div id="info">
      将renderTarget的内容作为纹理显示。
      <br />
      <br />
      右上角的显示的就是renderTarget内容。
    </div>

    <canvas class="debugger-canvas"></canvas>
    <div id="app">

      <script type="module" src="./RenderTargetTool.js"></script>
  </body>

</html>
